.box {
  width: 1520px;
  height: 750px;
  position: relative;
  /* 默认白色主题背景 */
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}

/* 黑色主题时使用深蓝色科技感图片背景 */
[data-theme="zinc"] .box {
  position: relative;
  background:
    radial-gradient(circle at 50% 50%, rgba(30, 58, 138, 0.8) 0%, rgba(15, 23, 42, 0.9) 50%, rgba(2, 6, 23, 1) 100%),
    linear-gradient(45deg,
      rgba(30, 58, 138, 0.1) 0%,
      rgba(15, 23, 42, 0.3) 25%,
      rgba(30, 58, 138, 0.1) 50%,
      rgba(15, 23, 42, 0.3) 75%,
      rgba(30, 58, 138, 0.1) 100%);
  background-size: 100% 100%, 20px 20px;
}

/* 确保内容在背景之上 */
[data-theme="zinc"] .box>* {
  position: relative;
  z-index: 2;
}

.left {
 width: 1520px;

  /* background-color: #3498db;
  -webkit-clip-path: polygon(100% 0, 71% 8%, 64% 21%, 37% 21%, 31% 8%, 0 0);
  clip-path: polygon(100% 0, 71% 8%, 64% 21%, 37% 21%, 31% 8%, 0 0); */

}

.left1 {
  display: flex;
  float: right;
  margin-top: -30px;
}

.bottom {
  position: absolute;
  bottom: 0px;
  left: 0;
 width: 1520px;
  position: relative;
}

.mill {
 width: 1520px;
  height: 590px;
  /* background-color: deepskyblue; */
  position: relative;

}

/* 垂直于屏幕的 Z  */
/* 黑色主题时在mill区域使用深蓝色科技感图片背景 */
[data-theme="zinc"] .mill {
  background:
    linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url('../../assets/image/indexLightBackground.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  /* border: 2px solid red;  */
  /* 临时调试边框 */
}

/* 确保mill1在黑色主题下不被背景覆盖 */
[data-theme="zinc"] .mill1 {
  z-index: 15;
}

.mill1 {
  position: absolute;
  top: 100px;
  right: 0;
  z-index: 10;

}

.millxr {
  position: absolute;
  width: 500px;
  height: 550px;
  left: 0;
  top: 0;
  z-index: 5;
  /* 移除背景色，让3D场景显示 */
  /* background-color: aqua; */
}

.tubiao {
  position: absolute;
  right: 300px;
  top: 0;
}

.tubiao1 {
  position: absolute;
  right: 240px;
  top: 0;
}

.tubiao2 {
  position: absolute;
  right: 180px;
  top: 0;
}

.tubiao3 {
  position: absolute;
  right: 600px;
  top: -30px;
  z-index: 100;
}

.tubiao4 {
  position: absolute;
  right: 700px;
  top: -200px;
  width: 300px;
  height: 280px;
  /* background-color: aqua; */


}

/* 中间对话框 */

.millimg {
  position: fixed;
  top: 300px;
  right: 350px;
  color: #000000;
  /* 设置字体为黑色 */
}

/* 确保所有子元素都是黑色字体 */
.millimg * {
  color: #000000 !important;
}

/* 夜晚模式也保持黑色字体 */
[data-theme="zinc"] .millimg {
  color: #000000;
}

[data-theme="zinc"] .millimg * {
  color: #000000 !important;
}


/* 视频播放 */
.Spbf {
 
  width: 590px;
  height: 250px;
  margin-left: 300px;
margin-top: -320px;

}